<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>购物车</title>
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/layer.css" />
<link rel="stylesheet" href="../../fonts/iconfont.css" />
</head>

<body>
<main class="content bottom amputate"><!-- 选中input 在这里添加 “amputate” 显示删除按钮 -->
	<section class="cart">
    	<span class="check">
        <input id="1" type="checkbox" />
		<label for="1" class="check_label">
			<i class="checkbox_icon"></i>
		</label>
        </span>
    	<span class="cart_pic"><a href=""><img src="../../images/com/01.jpg"></a></span>
    	<section class="cart_main">
        	<span class="title"><a href="">六福珠宝黄金吊坠女香港热卖款招财猫金镶玉髓吊坠定价...</a></span>
        	<section class="cart_price">
            	<em>￥258.00</em>
                <span class="addto">
                	<a class="icon" href="">&#xe603;</a>
                    <input value="1" type="text">
                	<a class="icon" href="">&#xe600;</a>
                </span>
            </section>
        </section>
    </section>
	<section class="cart">
    	<span class="check">
        <input id="2" type="checkbox" />
		<label for="2" class="check_label">
			<i class="checkbox_icon"></i>
		</label>
        </span>
    	<span class="cart_pic"><a href=""><img src="../../images/com/01.jpg"></a></span>
    	<section class="cart_main">
        	<span class="title"><a href="">六福珠宝黄金吊坠女香港热卖款招财猫金镶玉髓吊坠定价...</a></span>
        	<section class="cart_price">
            	<em>￥258.00</em>
                <span class="addto">
                	<a class="icon" href="">&#xe603;</a>
                    <input value="1" type="text">
                	<a class="icon" href="">&#xe600;</a>
                </span>
            </section>
        </section>
    </section>
	<section class="cart">
    	<span class="check">
        <input id="3" type="checkbox" />
		<label for="3" class="check_label">
			<i class="checkbox_icon"></i>
		</label>
        </span>
    	<span class="cart_pic"><a href=""><img src="../../images/com/01.jpg"></a></span>
    	<section class="cart_main">
        	<span class="title"><a href="">六福珠宝黄金吊坠女香港热卖款招财猫金镶玉髓吊坠定价...</a></span>
        	<section class="cart_price">
            	<em>￥258.00</em>
                <span class="addto">
                	<a class="icon" href="">&#xe603;</a>
                    <input value="1" type="text">
                	<a class="icon" href="">&#xe600;</a>
                </span>
            </section>
        </section>
    </section>
	<section class="cart">
    	<span class="check">
        <input id="4" type="checkbox" />
		<label for="4" class="check_label">
			<i class="checkbox_icon"></i>
		</label>
        </span>
    	<span class="cart_pic"><a href=""><img src="../../images/com/01.jpg"></a></span>
    	<section class="cart_main">
        	<span class="title"><a href="">六福珠宝黄金吊坠女香港热卖款招财猫金镶玉髓吊坠定价...</a></span>
        	<section class="cart_price">
            	<em>￥258.00</em>
                <span class="addto">
                	<a class="icon" href="">&#xe603;</a>
                    <input value="1" type="text">
                	<a class="icon" href="">&#xe600;</a>
                </span>
            </section>
        </section>
    </section>
	<section class="delete"><a href=""><i class="icon">&#xe721;</i><em>删除</em></a></section>
</main>

<!-- FOOTER -->
<footer class="submit">
	<span class="check">
        <input id="5" type="checkbox" />
		<label for="5" class="check_label">
			<i class="checkbox_icon"></i>
		</label>
        <em>全选</em>
    </span>
    <span class="total">合计：420000.00</span>
	<a href="">去结算<i>(10)</i></a>
</footer>

<!-- 提示 -->
<section class="mask" style="display:none;">
	<section class="layer prompt">
        <p>确定要删除这件商品？</p>
        <section class="submit">
        	<a href="">确定</a>
        	<a href="">取消</a>
        </section>
    </section>
</section>

<script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/checkbox.js"></script>
<script type="text/javascript">
	$(".check_label").checkbox();
</script>
</body>
</html>
